<html lang="zh-cmn-Hans" xmlns:th="www.thymeleaf.org">
<div th:replace="index::head"></div>
<script type="text/javascript" src="js/basic.js"></script>
<script>
    $(function () {

        //显示切换
        $(".grid-show").click(function () {
            if ($(this).hasClass("active")) {
                return false;
            } else {
                $(this).addClass("active");
                $(this).siblings(".list-show").removeClass("active");
                $(".gallery-grid").show();
                $(".gallery-list").hide();
            }

        })

        $(".list-show").click(function () {
            if ($(this).hasClass("active")) {
                return false;
            } else {
                $(this).addClass("active");
                $(this).siblings(".grid-show").removeClass("active");
                $(".gallery-grid").hide();
                $(".gallery-list").show();
            }
        })

        //返回顶部

        $("#gotop").bind("click", function () {
            var _this = $(this);
            $("body,html").animate({
                scrollTop: 0
            })
        });


        //排序
        // $(".action-sort").each(function(){
        // 	var _this = $(this);
        //    $(_this).click(function(){
        //        if(_this.hasClass("active")){
        // 		   if(_this.attr("id")=="price_sort"){
        // 			    if(_this.hasClass("price-desc")){
        // 					_this.addClass("price-asc").removeClass("price-desc");
        // 					_this.attr("data-sort","price_asc");
        // 				}else{
        // 					_this.addClass("price-desc").removeClass("price-asc");
        // 					_this.attr("data-sort","price_desc");
        // 				}
        // 			}
        // 		}else{
        // 			_this.addClass("active").siblings(".action-sort").removeClass("active");
        // 		}
        // 		$("#sortselect").val(_this.attr("data-sort"));
        //    })
        // });

        // $("#sortselect").change(function(){
        // 	switch($(this).val()){
        // 		case ("default"):
        // 		$("#default_sort").addClass("active").siblings(".action-sort").removeClass("active");
        // 		break;
        //
        // 		case ("price_desc"):
        // 		$("#price_sort").addClass("active").addClass("price-desc").removeClass("price-asc").attr("data-sort","price_desc").siblings(".action-sort").removeClass("active");
        // 		break;
        //
        // 		case ("price_asc"):
        // 		$("#price_sort").addClass("active").addClass("price-asc").removeClass("price-desc").attr("data-sort","price_asc").siblings(".action-sort").removeClass("active");
        // 		break;
        //
        // 		case ("buy_w_count_desc"):
        // 		$("#action_sort").addClass("active").siblings(".action-sort").removeClass("active");
        // 		break;
        //
        // 	}
        // });
    });
</script>
<body>

<!--header start-->
<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
<div class="header" id="header">
    <div th:replace="index::div.topbar"></div>
    <div class="bannersd" style="width:1190px;margin: 0 auto;"></div>
    <div class="menu" style="background: #FFF; padding: 20px 0 0;">
        <div class="wrap clearfix" style="position: relative">
            <div class="cart frt">
                <div class="minicart has-minicart " id="minicart_577"><a href="./cart1.html" class="minicart-text"> 购物车
                    <b class="op-cart-number">0</b> </a>
                    <div class="minicart-cont">
                        <div class="no-information" data-role="shopCartLoading">数据加载中</div>
                        <div class="no-information" data-role="shopCartnon">您的购物车是空的</div>
                        <div data-role="minicart-cont">

                        </div>
                    </div>
                </div>
            </div>
            <div class="logo flt">
                <div style=""><a href="./"><img alt="持家有道网上超市" src="images/logo.jpg" border="0"></a></div>
            </div>
            <div style="position: absolute; height: 50px; top: 0px; left: 200px">
                <div style="position:absolute; width:1px; background-color:#ccc; left:90px; height:50px;"></div>
                <span id="peisong"
                      style="position: absolute; display: inline-block; width: 100px; left: 100px; top: 1px;color:#333"><a
                        style="color:#666666" href="/article/article-peisongsuwu-44.html" target="_blank"
                        data-role="header-txt1">早上买，下午送</a></span>
                <div style="position: absolute; width: 150px; top: 23px; left: 100px"><a
                        href="/article/article-peisongsuwu-42.html" target="_blank" style="font-weight:bold;color:#F30"
                        data-role="header-txt2">满59元免运费</a></div>
            </div>
            <div class="search flt" style="padding-left:355px">
                <div class="SearchBar searchBar_">
                    <table cellpadding="0" cellspacing="0">
                        <tbody>
                        <tr>
                            <td class="search_label" style="border-right:none"><input name="search_keywords" size="12"
                                                                                      type="text" value="请输入商品关键字"
                                                                                      onfocus="this.value=(this.value=='请输入商品关键字')?'':this.value;"
                                                                                      onblur="this.value=(this.value=='')?'请输入商品关键字':this.value;"
                                                                                      class="inputstyle keywords"></td>
                            <td style="border-left:none"><input type="submit" value="搜索" class="btn_search"
                                                                onfocus="this.blur();" data-role="searchBtn"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="clear"></div>
                <ul class="qfnavs">
                    <li class="front"><span>热门搜索词:</span></li>
                    <li><a href="/list.html?catId=1" target="_blank">进口食品</a></li>
                    <li><a href="/list.html?catId=2" target="_blank">驱蚊杀虫</a></li>
                    <li><a href="/list.html?catId=3" target="_blank">润肤爽肤</a></li>
                    <li><a href="/list.html?catId=4" target="_blank">电炖锅</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="nav-column">
        <div class="wrap" style="position: relative;">
            <div class="nav flt">
                <ul class="MenuList MenuList_571 clearfix" style="position: relative;">
                    <li><a href="/" target="_self">首页</a></li>
                    <li th:each=" f1 : ${fenleis}">
                        <a th:href="|list1_${f1.aid}|" target="_self" th:text="${f1.aname}">首页</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--header end-->


<!--content start--->
<div class="wrap clearfix" id="content">

    <div class="Navigation">
        <span class="pos-front">您当前的位置：</span>
        <span><a href="/">首页</a></span><span style="margin: 0 4px;">&gt;</span>
        <span th:each="An : ${Aname}"><a th:href="|list1_${An.aid}|" th:text="${An.aname}">生鲜食品</a></span>
        <span style="margin: 0 4px;">&gt;</span>
        <span th:each="Bn : ${Bname}" class="now" th:text="${Bn.bname}">生鲜肉类</span></div>

    <!--分栏-->
    <div class="clearfix">
        <!--left-->
        <div class="wrap-s flt cut">
            <div class="sidecat">
                <h4 class="cat_parent" th:each="An : ${Aname}"><a th:href="|list1_${An.aid}|"
                                                                  class="depth-0 e-cat-depth0-current"
                                                                  th:text="${An.aname}">生鲜食品</a></h4>
                <ul class="sidecat-wrap clearfix" th:each=" f1 : ${AllFl}">
                    <li class="e-cat-depth-1 " th:each="f2 : ${f1.fenlei2s}">
                        <p><a th:href="|list2_${f2.bid}|" class="depth-1 " th:text="${f2.bname}">生鲜肉类</a><span
                                class="symbols sigud Show" title="隐藏"
                                style="width:10px;height:10px;text-indent:0">-</span>
                        </p>
                        <ul class="cat-down" style="">
                            <li class="e-cat-depth-2" th:each="f3 : ${f2.fenlei3s}">
                                <a th:href="|list3_${f3.cid}|" class="depth-2" th:text="${f3.cname}">猪肉</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

            <div class="siderank box1">
                <h3>热销榜</h3>
                <div class="body">
                    <ul class="clearfix ranklist" data-role="ranklist">
                        <li class="item clearfix  selected" v-for="mh in MaxHot">
                            <div class="im"><a target="_blank" :href="'info_'+mh.id"><img
                                    :src="mh.image"
                                    :alt="mh.name" width="60" height="60"></a><span class="hl">1</span>
                            </div>
                            <div class="rank-box clearfix">
                                <div class="gname"><h6><a title="" target="_blank"
                                                          :href="'info_'+mh.id">{{mh.name}} </a></h6></div>
                                <ul class="p">
                                    <li><span class="price1">¥{{mh.price}}</span></li>
                                </ul>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <script>
                var v = new Vue({
                    el : "div.body",
                    data: {
                        MaxHot : []
                    },
                    created() {
                        axios.get("cs-order/chaoshi/pmsGoods/findMaxHot").then(res => {
                            this.MaxHot = res.data;
                        });
                    }
                })
            </script>

            <div class="box1 history ">
                <h3>最近浏览过的</h3>
                <div class="body">
                    <ul class="product-list">
                        <li class="product-item last"><a href="/info.html?goodsId=31154&amp;catId=786" target="_blank"
                                                         title="钱纸/纸钱 1份" class="product-img"><img
                                src="http://image.chijiayd.com:81/group1/M00/07/5D/rBJ8J1q97ceAYJtEAAAaFBOVlUM538.jpg"></a>
                            <div class="product-info"><a href="/info.html?goodsId=31154&amp;catId=786" target="_blank"
                                                         title="钱纸/纸钱 1份" class="product-name">钱纸/纸钱 1份</a>
                                <p class="price1"></p></div>
                        </li>
                    </ul>
                    <div class="textcenter hst-menu"><a class="clearAll">清除浏览历史记录</a></div>
                </div>
            </div>
            <!-- <a href="#" target="_blank"><img src="img/s_add.jpg" alt="雨伞" width="190" height="267"></a> -->
        </div>
        <!--left end-->


        <!--right-->
        <div class="wrap-m frt cut">
            <div id="main" class="clearfix">

                <div class="page-maincontent">

                    <!-- 筛选-->
                    <div id="filter_container" class="filter-container">
                        <div class="filter-title clearfix">
                            <h3>商品筛选</h3>
                            <div class="gallery-total-info">
                                (共<b class="op-search-result">56</b>件商品)
                            </div>
                            <div class="filter-clean"><a href="javascript:;">重置筛选项<i class="icon"> &gt;</i></a></div>
                        </div>
                        <!-- 筛选条件 -->
                        <div id="gallery_filter" class="gallery-filter">
                            <div id="filter_selected" class="filter-selected clearfix">
                                <dl class="filter-selected-list clearfix">
                                    <dt class="filter-selected-title">您已选择：</dt>
                                    <dd class="filter-selected-values">


                                       <span class="filter-selected-entries">
                                         <!-- <label class="filter-selected-label">品牌：</label> -->
                                           <!-- <span class="filter-selected-item">丹麦蓝罐/Kjeldsens<a href="#" class="action-delete-filter icon">×</a></span>
                                           <span class="filter-selected-item">LOTTE乐天<a href="#" class="action-delete-filter icon">×</a></span> -->
                                       </span>

                                    </dd>
                                </dl>
                            </div>
                            <div id="filter_lists" class="filter-lists-container" data-role="typePropsList">

                                <dl class="filter-entries clearfix">
                                    <dt class="filter-entries-label">分类：</dt>
                                    <dd class="filter-entries-values">
                                        <ul class="attr-item" th:each=" f2 : ${AllFl2}">
                                            <li th:each="f3 : ${f2.fenlei3s}">
                                                <span class="filter-item">
                                                <a th:href="|list3_${f3.cid}|" class="handle action-cat-filter"
                                                   th:text="${f3.cname}" >新鲜水果</a></span>
                                            </li>
                                        </ul>
                                    </dd>
                                </dl>
                                <dl class="filter-entries clearfix" data-label="brandid">
                                    <dt class="filter-entries-label">品牌：</dt>
                                    <dd class="filter-entries-values">
                                        <ul class="attr-item">
                                            <li><span class="filter-item active" data-fid="brandid-none"><a
                                                    href="javascript:;"
                                                    class="handle action-select-unlimit">不限</a></span></li>
                                            <li><span class="filter-item" data-fid="brandid-2844"><a href="javascript:;"
                                                                                                     class="handle action-select-filter">其他</a><a
                                                    href="javascript:;" class="icon action-delete-filter">×</a></span>
                                            </li>
                                            <li><span class="filter-item" data-fid="brandid-2852"><a href="javascript:;"
                                                                                                     class="handle action-select-filter">生鲜</a><a
                                                    href="javascript:;" class="icon action-delete-filter">×</a></span>
                                            </li>
                                            <li><span class="filter-item" data-fid="brandid-3423"><a href="javascript:;"
                                                                                                     class="handle action-select-filter">富勝</a><a
                                                    href="javascript:;" class="icon action-delete-filter">×</a></span>
                                            </li>
                                        </ul>
                                    </dd>
                                </dl>
                            </div>

                        </div>
                    </div>
                    <!--筛选end-->

                    <!--排序-->
                    <div id="gallery_sortbar" class="gallery-sortbar clearfix"
                         style="position: static; top: auto; z-index: 99; width: 990px;">
                        <div class="gallery-sort">
                            <a href="javascript:void(0);" id="default_sort" class="action-sort active"
                               data-sort="default"><em>综合排序</em></a>
                            <a href="javascript:void(0);" id="sell_sort" class="action-sort sell-asc"
                               data-sort="sell_asc"><em>销量<span class="icon desc">*</span><span
                                    class="icon asc">+</span></em></a>
                            <a href="javascript:void(0);" id="price_sort" class="action-sort price-asc"
                               data-sort="price_asc"><em>价格<span class="icon desc">*</span><span
                                    class="icon asc">+</span></em></a>
                            <a href="javascript:void(0);" id="comment_sort" class="action-sort comment-asc"
                               data-sort="comments_desc"><em>评论数<span class="icon desc">*</span><span
                                    class="icon asc">+</span></em></a>
                        </div>
                        <div class="gallery-showmode">
                            <input type="hidden" name="showtype" value="grid">
                            <a href="javascript:void(0);" class="grid-show action-showmode active"><i class="icon">Y</i>大图</a>
                            <a href="javascript:void(0);" class="list-show action-showmode "><i class="icon">Z</i>列表</a>
                            <input type="checkbox" id="" class="action-available">
                            <label for="">仅显示有货</label>
                        </div>
                        <div class="mini-pageview" data-role="sPage">
                            <span class="page-count"><span class="page-current">1</span>/<span
                                    class="page-total">2</span></span>
                            <span class="page-action">
                                <a href="javascript:void(0);" class="flip prev over" data-role="sprev"><i
                                        class="icon">4</i></a>
                                <a href="javascript:void(0);" class="flip next" data-role="snext"><i class="icon">5</i></a>
                            </span>
                        </div>

                    </div>

                    <!--排序end-->

                    <div id="gallery_show" class="gallery-show">

                        <div class="gallery-grid">

                            <ul class="clearfix" data-role="productsListRow">
                                <!-- 二级分类查询 -->
                                <li class="goods-item" style="height: 346px; width: 227px;" th:each=" b : ${bpage.records}">
                                    <div class="goods-pic" style="width:100%">
                                        <a th:href="|info_${b.id}|" target="_blank"
                                           th:title="${b.title}"> <img
                                                th:src="${b.image}"
                                                class="action-goods-img" th:alt="${b.name}"
                                                style="min-width:160px;max-width:220px"> </a></div>
                                    <div class="goods-info"><h3 class="goods-name" style="height: 36px;overflow:hidden;">
                                        <a th:href="|info_${b.id}|" target="_blank" title="" th:text="${b.name}">本地新鲜 粉壳鸡蛋12个/盒&nbsp;
                                            <span style="color:red" title="${b.title}" th:text="${b.title}">蛋黄大， 蛋清黏稿，清澈，水份低，胶原蛋白含量高
                                                <span></span>
                                            </span>
                                        </a>
                                    </h3>
                                        <div class="goods-price">
                                            <ins class="price" >¥<span th:text="${b.price}">16.9</span></ins>
                                        </div>
                                    </div>
                                    <div class="promotion-tags" style="overflow:hidden"><span
                                            style="float:left;width:1px;height:22px;"></span><span
                                            style="color:red;"></span></div>
                                    <div class="goods-action">
                                        <div class="goods-buy"><span class="p-quantity">                           <a
                                                href="javascript:void(0);" class="btn-decrease">-</a><input type="text"
                                                                                                            class="action-quantity-input"
                                                                                                            value="1"
                                                                                                            data-total="4"><a
                                                href="javascript:void(0);" class="btn-increase" data-total="4">+</a>                        </span>
                                            <a class="btn btn-major action-addtocart" href="javascript:void(0);"
                                               data-role="addShopCart" data-price="16.9" data-goodsid="40940"
                                               data-productid="45868"
                                               data-objtype="goods"><span>
                                                <span th:@click.prevent="|add(${b.id})|">加入购物车</span></span></a></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <script>
                            var cv = new Vue({
                                el : "div.goods-action",
                                methods:{
                                    add(pid){
                                        if (!hv.user){
                                            alert("请先登录系统");
                                            location.href="login.htm";
                                        }
                                        axios.get("cs-order/chaoshi/omsCartitem/add",{
                                            params: {userId : hv.user.id,productId:pid}
                                        }).then(res=>{
                                            if (res.data.code){
                                                location.href="cart1.htm"
                                            }
                                        })
                                    }
                                }
                            })
                        </script>
                        <!--分页-->
                        <div class="pageview" data-role="dirPaging">
                            <span class="current prev">&lt;&lt;上一页</span>
                            <span th:each=" i : ${#numbers.sequence(1,bpage.pages)} "
                                  th:class="${bpage.current==i?'current':''}" >
                                <label th:if="bpage.current==i" th:text="${i}" ></label>
			                    <a th:if="bpage.current!=i" th:text="${i}"
                                   th:each="Bn : ${Bname}" th:href="|list2_${Bn.bid}?page=${i}|"></a>
                            </span>
                            <!--                            <a href="javascript:;">2</a><a href="javascript:;">3</a>-->
                            <!--                            <a href="javascript:;">4</a><span>...</span><a href="javascript:;">8</a>-->
                            <a href="javascript:;" class="next">下一页&gt;&gt;</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--right end-->
    </div>
    <!--分栏end-->
</div>
<!--content end-->

<div class="upTopsBox">
    <h2>持家有道温馨提示</h2>
    <span class="close"></span>
    <div class="main">
        <p>你现在有<span style="color:#f00;" data-role="point"></span>可用积分</p>
        <p>升级成为VIP用户，可享受<span style="color:#f00;" data-role="discount"></span>折优惠</p>
        <a href="./member.html" style="color:#FB8800">现在去升级</a>
    </div>
</div>
<!------footer------->
<div id="footer" class="footer">
    <!--<div class="foot-img"></div>-->
    <div style="width:100%;background:#80C735">
        <div class="foot-promise" data-role="footer-list"><a class="promise_item"
                                                             href="/article/article-zhaoshanghezuo-57.html"
                                                             target="_blank"><img
                src="http://new.chijiayd.com/images/icon1.png"><span class="item_font">正品保障</span></a><a
                class="promise_item" href="/article/article-zhifufangshi-65.html" target="_blank"><img
                src="http://new.chijiayd.com/images/icon2.png"><span class="item_font">货到付款</span></a><a
                class="promise_item" href="/article/article-peisongsuwu-44.html" target="_blank"><img
                src="http://new.chijiayd.com/images/icon3.png"><span class="item_font">一日三送</span></a><a
                class="promise_item" href="/article/article-shouhousuwu-48.html" target="_blank"><img
                src="http://new.chijiayd.com/images/icon4.png"><span class="item_font">七天退换</span></a><a
                class="promise_item" href="/article/article-peisongsuwu-42.html" target="_blank"><img
                src="http://new.chijiayd.com/images/icon5.png"><span class="item_font">满59元免运费</span></a><a
                class="promise_item" href="/article/article-peisongsuwu-41.html" target="_blank"><img
                src="http://new.chijiayd.com/images/icon6.png"><span class="item_font">送货上楼服务</span></a></div>
    </div>
    <div class="clearfix"></div>
    <div class="service-column">
        <div class="wrap clearfix">
            <div class="weibo-area frt"></div>
            <ul class="help-area flt" data-role="footer-new">
                <li class="item1">
                    <div class="content-list"><h3 class="content-title">新手入门</h3>
                        <div class="article-index-list">
                            <ul>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-xinshourumen-32.html" title="订单的几种状态" target="_blank">订单的几种状态</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-xinshourumen-30.html" title="顾客必读"
                                        target="_blank">顾客必读</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-xinshourumen-29.html" title="新用户注册"
                                        target="_blank">新用户注册</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-xinshourumen-25.html" title="用户登陆"
                                        target="_blank">用户登陆</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-xinshourumen-24.html" title="找回密码"
                                        target="_blank">找回密码</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="item2">
                    <div class="content-list"><h3 class="content-title">购物指南</h3>
                        <div class="article-index-list">
                            <ul>
                                <li class="article-index lv-1 content-item"><a href="/article/article-compass-34.html"
                                                                               title="优惠券介绍" target="_blank">优惠券介绍</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a href="/article/article-compass-33.html"
                                                                               title="积分介绍" target="_blank">积分介绍</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="item5">
                    <div class="content-list"><h3 class="content-title">配送服务</h3>
                        <div class="article-index-list">
                            <ul>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-peisongsuwu-45.html" title="配送范围"
                                        target="_blank">配送范围</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-peisongsuwu-44.html" title="一日三送"
                                        target="_blank">一日三送</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-peisongsuwu-42.html" title="满59元免运费" target="_blank">满59元免运费</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-peisongsuwu-41.html" title="送货上楼服务" target="_blank">送货上楼服务</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="item6">
                    <div class="content-list"><h3 class="content-title">支付方式</h3>
                        <div class="article-index-list">
                            <ul>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhifufangshi-70.html" title="礼品卡支付"
                                        target="_blank">礼品卡支付</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhifufangshi-69.html" title="预存款支付"
                                        target="_blank">预存款支付</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhifufangshi-67.html" title="在线支付"
                                        target="_blank">在线支付</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhifufangshi-65.html" title="货到付款"
                                        target="_blank">货到付款</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="item7">
                    <div class="content-list"><h3 class="content-title">售后服务</h3>
                        <div class="article-index-list">
                            <ul>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-shouhousuwu-51.html" title="联系客服"
                                        target="_blank">联系客服</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-shouhousuwu-50.html" title="售后政策"
                                        target="_blank">售后政策</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-shouhousuwu-49.html" title="退换货流程"
                                        target="_blank">退换货流程</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-shouhousuwu-48.html" title="七天无理由退货" target="_blank">七天无理由退货</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-shouhousuwu-47.html" title="上门售后服务" target="_blank">上门售后服务</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-shouhousuwu-46.html" title="修改/取消订单" target="_blank">修改/取消订单</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="item8">
                    <div class="content-list"><h3 class="content-title">服务条款</h3>
                        <div class="article-index-list">
                            <ul>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-fuwutiaokuan-55.html" title="会员注册协议" target="_blank">会员注册协议</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-fuwutiaokuan-54.html" title="隐私保护政策" target="_blank">隐私保护政策</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-fuwutiaokuan-53.html" title="网站使用条款" target="_blank">网站使用条款</a>
                                </li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-fuwutiaokuan-52.html" title="网站免责声明" target="_blank">网站免责声明</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="item9">
                    <div class="content-list"><h3 class="content-title">关于我们</h3>
                        <div class="article-index-list">
                            <ul>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhaoshanghezuo-59.html" title="招商合作"
                                        target="_blank">招商合作</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhaoshanghezuo-58.html" title="诚聘英才"
                                        target="_blank">诚聘英才</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhaoshanghezuo-57.html" title="正品保障"
                                        target="_blank">正品保障</a></li>
                                <li class="article-index lv-1 content-item"><a
                                        href="/article/article-zhaoshanghezuo-56.html" title="持家有道简介" target="_blank">持家有道简介</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div style="width:100%;height:100px;background:#f3f1f3;text-align:center">
            <div style="margin:0 auto;width:580px;text-align:center;height:auto;overflow:hidden;padding:10px 0">
                <ul class="linkList">

                    <li class="linkOne">
                        <ul class="linkeOneList">
                            <li class="linkOneListChild" style="width:60px"><img src="images/weixin.jpg"></li>
                            <li class="linkOneListChild" style="margin-left:2px">
                                <ul>
                                    <li style="font-size:12px;height:24px">扫一扫</li>
                                    <li>官方微信</li>
                                </ul>
                            </li>
                        </ul>
                    </li>


                    <li class="linkOne">
                        <ul class="linkeOneList">
                            <li class="linkOneListChild" style="width:60px"><img src="images/mobile.jpg"></li>
                            <li class="linkOneListChild" style="margin-left:2px">
                                <ul>
                                    <li style="font-size:12px;height:24px">逛一逛</li>
                                    <li>触屏版</li>
                                </ul>
                            </li>
                        </ul>
                    </li>


                    <li class="linkOne" style="margin-bottom:0px">
                        <ul class="linkeOneList">
                            <li class="linkOneListChild" style="width:60px"><img src="images/sina.jpg"></li>
                            <li class="linkOneListChild" style="margin-left:2px">
                                <ul>
                                    <li style="font-size:12px;height:24px"><a href="http://weibo.com/chijiayd"
                                                                              target="_blank">立即关注</a></li>
                                    <li>官方微博</li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
<!------footer end------>

<div style="background-color:#fff">
    <div class="section-links">
        <div class="section-title">友情链接：</div>
        <div class="links">
            <ul class="slink-text" data-role="yqlj"></ul>
        </div>
        <div class="clear"></div>
    </div>
</div>

<!----copyright----->
<div class="sys-copyright">
    <div class="theme-footer">
        <div style="margin-top:10px; color:#999999;" align="center">
            <a target="_blank" style="color: rgb(70, 70, 70);" href="#"><br></a>
            <a href="/article/article-zhaoshanghezuo-56.html" target="_blank" data-role="gywm">关于我们</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; <a href="/article/article-zhaoshanghezuo-56.html"
                                                                  target="_blank" data-role="lxwm">联系我们</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="/article/article-zhaoshanghezuo-56.html"
                                                                 target="_blank" data-role="cpyc">诚聘英才</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<a target="_blank" style="color: rgb(70, 70, 70);"
                                                                 href="./help1.html">帮助中心</a>
        </div>
        <div align="center">
            <font style="color: rgb(102, 102, 102);">持家有道经营许可证：<a href="./licence.html" type="page" target="_blank">粤B2-20100546</a>&nbsp;&nbsp;&nbsp;</font>&nbsp;&nbsp;<a
                href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备19131661号-1</a>&nbsp;&nbsp; &nbsp;粤工商备E051411000611
            &nbsp;&nbsp;
        </div>
        <div align="center">Copyright&nbsp;<font face="Verdana">©</font>&nbsp;持家有道网上超市 2010, All Rights Reserved</div>
        <div align="center">

        </div>
    </div>
</div>
<!----copyright end----->


<!---------浮动按钮------------->
<!---------浮动按钮------------->
<div id="main__" class="sidebtn">
    <div id="car" class="ioc_index" style="">
        <div class="serpop" style="width:70px;">购物车</div>
    </div>
    <div id="floatDivBoxs" style="">
        <div class="floatDivtext">
            <div class="close">
                <h3 style="width: 67px;float: left;height: 35px;line-height: 42px;font-size: 17px;color: #505050;font-weight: 400;font-family: 微软雅黑;">
                    购物车</h3>
                <button type="button" title="关闭" class="popup-btn-close" hidefocus=""><i>×</i></button>
            </div>
            <div class="minicart-cont"
                 style="position: fixed; right: -295px; top: 40px; z-index: 99999; border: 0px; display: none;height: 100%">
                <div class="no-information" data-role="slideShopCartLoading">数据加载中</div>
                <div class="no-information" data-role="shopCartnon">您的购物车是空的</div>
                <div data-role="slideShopCart"></div>
            </div>
        </div>
    </div>
    <div><a id="qqkefu" class="ioc_index" style="">
        <div class="serpop" style="width:80px;height:70px;"><span id="qqkefu1">客服①号</span><br> <span
                id="qqkefu2">客服②号</span></div>
    </a></div>
    <div><a id="phone" class="ioc_index" style="">
        <div class="serpop" style="width:125px;height:70px;">0754-89655102<br>0754-89655096</div>
    </a></div>
    <div><a id="erwei" class="ioc_index" style="">
        <div id="erweitupian" class="serpop"></div>
    </a></div>
    <div><a id="erwei1" class="ioc_index" style="">
        <div id="erweitupian1" class="serpop"></div>
    </a></div>
    <div><a id="gotop" class="ioc_index" style="">
        <div class="serpop" style="width:80px;">返回顶部</div>
    </a></div>
</div>

<!-- 输入框提示 -->
<div id="xtips_container" class="xtips-container" style="opacity: 0; visibility: hidden; left: 0; top: 0;">
    <div class="xtips-content"><q class="icon">$</q><span id="xtips_txt">库存紧张，此商品最多只能购买0件</span></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div>
</div>


<!--购物车对话框mini-->
<div id="mini_cart_dialog" class="popup-container mini-cart-dialog"
     style="display: none; position:absolute; z-index: 1000000;">
    <div class="popup-body">
        <div class="popup-header clearfix">
            <h2>提醒</h2>
            <span><button type="button" title="关闭" class="popup-btn-close" hidefocus=""><i>×</i></button></span>
        </div>
        <div class="popup-content clearfix">
            <div class="minicart-infos">
                <p><q class="icon">%</q><span class="caution-content"></span></p>
                <div class="actions">
                    <button type="button" class="btn btn-simple popup-btn-close"><span><span>继续购物</span></span></button>
                    <a class="btn btn-major" href="./cart1.html"><span><span>进入购物车</span></span></a>
                </div>
            </div>
        </div>
    </div>
</div>

<!---------弹层------------->
<div class="popup-container" id="notice_pop" style="display:  ; margin-left:-200px; margin-top:-140px;">
    <div class="popup-body" style="width: 400px;">
        <div class="popup-header clearfix">
            <h2>到货通知</h2>
            <span><button type="button" title="关闭" class="popup-btn-close" hidefocus=""><i>×</i></button></span>
        </div>
        <div class="popup-content clearfix">
            <div class="product-notify" style="">
                <p class="desc">该货品暂时缺货，请在下面输入您的手机号码，到货的时候会发送短信通知您！</p>
                <form class="form">
                    <ul>
                        <li class="form-item">
                            <label for="" class="form-label">手机号码：</label>
                            <span class="form-act">
                      <input class="x-input" type="text" name="cellphone" size="30" vtype="phone"
                             data-arrivalnotice="phone">        </span>
                        </li>
                        <li class="form-item form-item-last">
                            <label for="" class="form-label"></label>
                            <span class="form-act">
                      <button type="button" class="btn btn-caution" data-role="arrivalNotice"
                              rel="_request"><span><span>提交</span></span></button>        </span>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>

<!---------遮罩层------------->
<div rel="mask" class="cover" style=" display: ;"></div>
<script type="text/javascript" src=" js/overlay.js"></script>
<script type="text/javascript" src=" js/jquery.pagination.js"></script>
<!--<script type="text/javascript" src=" js/common.js"></script>-->
<script type="text/javascript" src=" js/list.js"></script>


</body>
</html>